@import "./antGlobal.less";
@primary-color: #1890ff; // 全局主色
@link-color: #1890ff; // 链接色
@success-color: #52c41a; // 成功色
@warning-color: #faad14; // 警告色
@error-color: #f5222d; // 错误色
@font-size-base: 14px; // 主字号
@heading-color: rgba(0, 0, 0, 0.85); // 标题色
@text-color: rgba(0, 0, 0, 0.65); // 主文本色
@text-color-secondary: rgba(0, 0, 0, 0.45); // 次文本色
@disabled-color: rgba(0, 0, 0, 0.25); // 失效色
@border-radius-base: 4px; // 组件/浮层圆角
@border-color-base: #d9d9d9; // 边框色
@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // 浮层阴影

@background-color-light: hsv(0,
    0,
    98%); // background of header and selected item
@background-color-base: hsv(0, 0, 96%); // Default grey background color
@heading-color: fade(#000, 85%);

@table-header-bg: @background-color-light;
@table-header-color: @heading-color;
@table-header-sort-bg: @background-color-base;
@table-body-sort-bg: rgba(0, 0, 0, 0.01);
@table-row-hover-bg: #1890ff;
@table-selected-row-color: inherit;
@table-selected-row-bg: #faad14;
@table-body-selected-sort-bg: @table-selected-row-bg;
@table-selected-row-hover-bg: @table-selected-row-bg;
@table-expanded-row-bg: #fbfbfb;
@table-padding-vertical: 16px;
@table-padding-horizontal: 16px;
@table-border-radius-base: 4px;
@table-footer-bg: @background-color-light;
@table-footer-color: @heading-color;
@table-header-bg-sm: transparent;

.ant-table {
  color: #212529 !important;
  font-size: 1rem !important;
}

.ant-table-header table {
  border-radius: 0;
}

.ant-table-thead>tr:first-child>th:last-child,
.ant-table-thead>tr:first-child>th:first-child {
  border-radius: 0;
}


.ant-table-thead>tr>th {
  padding: 12px !important;
  text-align: center !important;
  // font-weight: 700;
}

.anticon {
  vertical-align: 0 !important;
}

body {
  font-family: "Microsoft YaHei" !important;
  color: #333 !important;
}

body:not(.layout-fixed).layout-navbar-fixed .wrapper .main-sidebar {
  .sidebar {
    margin-top: 0px !important;
  }

  margin-top: 0px !important;
}

.layout-navbar-fixed .wrapper .nav-tab {
  left: 0;
  position: fixed;
  z-index: 999;
  top: calc(3.5rem + 1px);
}

body:not(.sidebar-mini-md) .nav-tab {
  -webkit-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
  margin-left: 250px;
}

body:not(.sidebar-mini-md) .content-header {
  padding-top: calc(3.5rem + 1px) !important;
}

@media (min-width: 768px) {
  body:not(.sidebar-mini-md) .nav-tab {
    -webkit-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out;
    margin-left: 250px;
  }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  body:not(.sidebar-mini-md) .nav-tab {
    -webkit-transition: none;
    transition: none;
  }
}

@media (max-width: 991.98px) {

  body:not(.sidebar-mini-md) .nav-tab,
  body:not(.sidebar-mini-md) .nav-tab::before {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .sidebar-mini-md .nav-tab {
    -webkit-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out;
    margin-left: 250px;
  }
}

@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .sidebar-mini-md .nav-tab {
    -webkit-transition: none;
    transition: none;
  }
}

@media (min-width: 768px) {
  .sidebar-mini-md .nav-tab {
    margin-left: 4.6rem;
  }
}

@media (max-width: 991.98px) {

  //宽度小于991.98px
  .sidebar-mini-md .nav-tab,
  .sidebar-mini-md .nav-tab::before {
    margin-left: 4.6rem;
  }


  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .main-footer,
  .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 0 !important;
  }

  .left-nav-bar-box {
    // width: 0px !important;
    overflow: hidden;
  }

  .content-style-main {
    margin-left: 0px !important;
  }
}

@media (min-width: 992px) {

  //   .sidebar-mini.sidebar-collapse .nav-tab {
  //     margin-left: 0rem !important;
  //   }
  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .main-footer,
  .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 0 !important;
  }

}

html,
body,
.wrapper {
  min-height: auto !important;
}

//======页面上边框和线=======//
//复选框
.ant-checkbox-inner {
  border: 1px solid @border-gray-dark;
}

//card 组建
.ant-modal-header {
  border-bottom: 1px solid @border-gray-dark;
}

//tabs 组建
.ant-tabs-bar {
  border-bottom: 1px solid @border-gray-dark;
}

//下拉框和输入框
.ant-select-selection,
.ant-input,
.ant-input-number {
  border: 1px solid @border-gray-dark;
}



//去掉下拉框和输入框
.border-none .ant-select-selection,
.border-none .ant-input {
  border: none;
}

//下拉框箭头
.ant-select-arrow,
.ant-cascader-picker-arrow {
  color: inherit;
}

//模态框下边框
.ant-modal-footer {
  border-top: 1px solid @border-gray-dark;
}

//分页
// .ant-pagination-item,
// .ant-pagination-disabled .ant-pagination-item-link,
// .ant-pagination-disabled:focus .ant-pagination-item-link,
// .ant-pagination-disabled:focus a,
// .ant-pagination-disabled:hover .ant-pagination-item-link,
// .ant-pagination-disabled:hover a,
// .ant-pagination-disabled a,
// .ant-pagination-options-quick-jumper input,
// .ant-pagination-next .ant-pagination-item-link,
// .ant-pagination-prev .ant-pagination-item-link,
// .ant-input-number {
//   border: 1px solid @border-gray-dark;
// }

.ant-calendar-header .ant-calendar-prev-century-btn:after,
.ant-calendar-header .ant-calendar-prev-century-btn:before,
.ant-calendar-header .ant-calendar-prev-decade-btn:after,
.ant-calendar-header .ant-calendar-prev-decade-btn:before,
.ant-calendar-header .ant-calendar-prev-year-btn:after,
.ant-calendar-header .ant-calendar-prev-year-btn:before {
  border: 0px solid #222;
  border-width: 2px 0 0 2px;
}

.ant-calendar-header .ant-calendar-prev-month-btn:after,
.ant-calendar-header .ant-calendar-prev-month-btn:before {
  border: 0px solid #222;
  border-width: 2px 0 0 2px;
}


.ant-calendar-header .ant-calendar-next-century-btn:after,
.ant-calendar-header .ant-calendar-next-century-btn:before,
.ant-calendar-header .ant-calendar-next-decade-btn:after,
.ant-calendar-header .ant-calendar-next-decade-btn:before,
.ant-calendar-header .ant-calendar-next-year-btn:after,
.ant-calendar-header .ant-calendar-next-year-btn:before {
  border: 0px solid #222;
  border-width: 2px 0 0 2px;
}

.ant-calendar-header .ant-calendar-next-month-btn:after,
.ant-calendar-header .ant-calendar-next-month-btn:before {
  border: 0px solid #222;
  border-width: 2px 0 0 2px;
}


.ant-table-thead>tr>th {
  padding: 0px 2px !important;
}

//设置tree的标题，宽度过宽...
.ant-tree-title {
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

//树形菜单样式修改
.ant-tree li .ant-tree-node-content-wrapper {
  padding-left: 0px;
}

.ant-tree li span.ant-tree-iconEle,
.ant-tree li span.ant-tree-switcher {
  width: 20px;
}

//modal弹窗头部边距
.ant-modal-header {
  padding: 6px 24px;
}

//modal弹窗关闭按钮
.ant-modal-close-x {
  height: 34px;
  line-height: 34px;
}


/* 设置滚动条的样式 */
//2021年12月17日11:09:44 去掉滚动条样式
// ::-webkit-scrollbar {
//   width: 12px;
//   height: 12px;
// }

/* 滚动槽 */
// ::-webkit-scrollbar-track {
//   border-radius: 10px;
// }

// ::-webkit-scrollbar-thumb {
//   border-radius: 10px;
//   background: rgba(0, 0, 0, 0.4);
// }
//2021年12月17日11:09:44
// ::-webkit-scrollbar-thumb:window-inactive {
//   background: rgba(255, 0, 0, 0.3);
// }

//设置下拉菜单样式
.ant-dropdown-menu-item {
  text-align: left;
  font-size: 13px;
}

//溢出...
.ellipsis-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

//table表头排序按钮
.ant-table-thead>tr>th .ant-table-column-sorter .ant-table-column-sorter-inner {
  color: #444444 !important;
}

//table表头搜索按钮
.ant-table-thead>tr>th .ant-table-filter-icon,
.ant-table-thead>tr>th .anticon-filter {
  color: #444444 !important;
}

.clearfix:after {
  //在类名为“clearfix”的元素内最后面加入内容；   
  content: "."; //内容为“.”就是一个英文的句号而已。也可以不写。   
  display: block; //加入的这个元素转换为块级元素。   
  clear: both; //清除左右两边浮动。   
  visibility: hidden; //可见度设为隐藏。注意它和display:none;是有区别的。仍然占据空间，只是看不到而已；   
  height: 0; //高度为0；   
  font-size: 0; //字体大小为0；   
}
